<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-cn">
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>电子档案管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="bootstrap-3.3.4/dist/css/bootstrap.min.css">
    <script type="text/javascript">var isPhoto=10000;</script>


  <style>
        body {

            background: url("images/4.jpg") fixed;
            background-repeat: no-repeat;
            background-size: cover;

            overflow: hidden;
            color: #fff;
            font-family: "微软雅黑";
        }
    button {
      border: none;
      padding: 0.6em 1.2em;
      background: rgba(0,0,0,0);
      color: #fff;
      font-family: 'Lato', Calibri, Arial, sans-serif;
      font-size: 1em;
      letter-spacing: 1px;
      text-transform: uppercase;
      cursor: pointer;
      display: block;
      border-radius: 2px;
      line-height: 20px;
      margin-top: 8px;
      display: inline-block;
    }
    button:hover {
      background:none;
    }
    button:focus,button:visited{
      border:none;
    }
    .navbar{
      margin-bottom: 0;
      /*background: rgba(39,134,180,0.1);*/
      background: rgba(0,0,0,0.6);
      /*box-shadow: 1px 1px 5px rgba(39,134,150,1);*/
     

    }
    .navbar li a{
      text-decoration: none;
      color: #fff;
      cursor:pointer;
    }
    .nav-right{
        line-height: 50px;
        padding: 0; 
        box-sizing:border-box;
        margin-right: 30px;
    }
    .nav-right img{
        width: 40px;
        border-radius: 50%;
    }
    .st-container{
/*
      max-height: 740px;
*/
      box-sizing:border-box;
      background: rgba(0,0,0,0.6);
      clear: both;
     
    }
    .container{
      left: -40px;
      height: 100%;
      padding: 0;
       -webkit-transition:all 0.6s ;
    }
    .navbar-brand{
      color: #fff;
    }
    #logo{
      font-size: 20px;
      font-weight: 500;
    }
    .secondmenu{
      padding: 0;
      margin: 0;
    }
    .secondmenu li{
      background: rgba(85,155,180,0.1);
    }
    .welcomePage{
      color: #fff;
      margin-left: 50px;
    }
    .panel{
      border:none;
      background:none;
    }
    .panel-group{
      margin: 0;
      padding: 0;
    }
    .panel-heading{
      background: rgba(39,134,180,0.1);
      position: relative;
      width: 100%; 
      display: inline-block;
      border: none;
    }
    .panel-title{
      background: rgba(39,134,180,0.1);
      display:inline;
      height: 100%;
      color: #fff;
    }
     .panel-title a{
      width: 100%;
      text-decoration: none;
     }
    .panel-body {
      background: rgba(39,134,180,0.1);
      padding: 0;
      margin: 0;
    }
    .tab-pane{
      height: 100%;
      color: #fff;
    }
    .right{
      left: 120px;
    }
    iframe{
      border: none;
      height: 100%;
      width: 100%;
    }
    .shade{
      position: absolute;
      height: 100%;
      width: 100%;
      display: none;
    }
     
    </style>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/modernizr.custom.js"></script>
    <script type="text/javascript">

      $(function(){

        $(".secondmenu li i").hide();
      $(".secondmenu li").hover(function(){
        $(this).find("i").show(100);
      },function(){
        $(this).find("i").hide(100);
      })

        })

      
    </script>
  </head>
  <body>
    <div class="navbar navbar-static-top nav-stacked" role="navigation">
        <div class="container-fluid" >
            <div class="navbar-header " >  
               <a class="navbar-brand" href="#mainPage" id="logo" role="tab" data-toggle="tab">电子档案管理系统</a> 
            </div>
            
            <button data-effect="st-effect-1" id="main-menu">Menu<i class="fa fa-fw fa-reorder"></i></button>
            
            <div class="pull-right navbar-brand nav-right " >
            	<div class="">
	              <ul class="list-inline ">
                      <li>你好,</li>
                          <s:property value='amAccount.getAccountNickname()'/>
                     <%-- <li><a><img src="images/用户头像/admin.jpg"></a></li>--%>
	                
	                <li><a href="index.jsp"><small><span class="glyphicon glyphicon-off"></span>&nbsp;注销</small></a></li>
	              </ul>
	            </div>  
            </div>
        </div>
    </div>
    <div id="st-container" class="st-container" >   
      <nav  id="menu-1" >
      <div class="panel-group st-menu st-effect-1 " id="accordion">
          <div  class="panel">
               <div class="panel-heading">
                  <h4 class="panel-title" ><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne ">档案管理模块</a></h4>
                </div>
              <div id="collapseOne" class="panel-collapse collapse">
            <div class="panel-body" >
              <ul id="systemManage" class="nav nav-list  secondmenu">
                            <li>
                              <a href="#getInfo" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-download-alt"></i>&nbsp;&nbsp;&nbsp;&nbsp;上传档案</a>
                            </li>

                            <li>
                              <a href="#guiDang" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-folder-open"></i>&nbsp;&nbsp;&nbsp;&nbsp;归档审核</a>
                            </li>

                            <li>
                              <a href="#chanManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon  glyphicon-edit"></i>&nbsp;&nbsp;&nbsp;&nbsp;变更审核</a>
                            </li>

                            <li>
                              <a href="#borrowManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;&nbsp;&nbsp;借阅审核</a>
                            </li>

                            <li>
                              <a href="#destroyManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-trash"></i>&nbsp;&nbsp;&nbsp;&nbsp;销毁审核</a>
                            </li>
                            <li>
                            	<a href="#myInfo" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-file"></i>&nbsp;&nbsp;&nbsp;&nbsp;我的档案</a>
                            </li>
                        </ul>
                        </div>
                        </div>
          
          </div>
              <div  class="panel ">
              <div class="panel-heading">
                 <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo ">借阅模块</a></h4>
              </div>
           <div id="collapseTwo" class="panel-collapse collapse ">
            <div class="panel-body">
            <ul id="systemBorrow" class="nav nav-list secondmenu">
                <li>
                    <a href="#fileCheck" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-folder-open"></i>&nbsp;&nbsp;&nbsp;&nbsp;档案查询</a>
                </li>

                            <li>
                              <a href="#Check" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-folder-open"></i>&nbsp;&nbsp;&nbsp;&nbsp;查看</a>
                            </li>
                        </ul>
                        </div>
                        </div>
          </div>
          
        
          <div  class="panel ">
              <div class="panel-heading">
                 <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseThird">系统功能模块</a></h4>
              </div>
           <div id="collapseThird" class="panel-collapse collapse">
            <div class="panel-body">
           
            <ul id="systemSearch" class="nav nav-list secondmenu" >

                            <li>
                              <a href="#dataCount" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-faw fa-bar-chart"></i>&nbsp;&nbsp;&nbsp;&nbsp;数据统计</a>
                            </li>
                            <li>
                              <a href="#diaryManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;&nbsp;&nbsp;日志管理</a>
                            </li>
                           
                        </ul>
                        </div>
                        </div>
          </div>
        
          
           <div  class="panel ">
              <div class="panel-heading">
                 <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseForth">用户及用户组管理模块</a></h4>
              </div>
           <div id="collapseForth" class="panel-collapse collapse">
            <div class="panel-body">
            <ul id="systemSetting" class="nav nav-list  secondmenu" >
                            <!-- <li>
                              <a href="#juese" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;&nbsp;&nbsp;角色管理</a>
                            </li> -->
                            <!-- <li>
                              <a href="#quanxian" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-bookmark"></i>&nbsp;&nbsp;&nbsp;&nbsp;权限管理</a>
                            </li> -->
                            <li>
                              <a href="#userManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;&nbsp;&nbsp;用户管理</a>
                            </li>
                            <li>
                              <a href="#userGoup" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-fw fa-group"></i>&nbsp;&nbsp;&nbsp;&nbsp;用户组管理</a>
                            </li>
                            <!-- <li>
                              <a href="#diaryManage" role="tab" data-toggle="tab">&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-book"></i>&nbsp;&nbsp;&nbsp;&nbsp;日志管理</a>
                            </li> -->
                        </ul>
                        </div>
                        </div>
          </div>
          
          
        </div>

      </nav>
    <div class="tab-content container col-md-9 col-md-offset-3" >
      <div class="tab-pane fade active" id="mainPage">
        <div class="shade"></div>
        <h2>Welcome to 电子档案管理系统</h2>
      </div>
      <div class="tab-pane fade" id="getInfo">
        <div class="shade"></div>
        <iframe class="frame" src="${pageContext.request.contextPath }/addarchive?accountId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
      <div class="tab-pane fade" id="guiDang">
        <div class="shade"></div>
        <iframe class="frame" src="${pageContext.request.contextPath }/dealaddarchive?approvalerId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
      <div class="tab-pane fade" id="chanManage">
         <iframe class="frame" src="fileManager/变更审核.html"></iframe>
      </div>
      <div class="tab-pane fade" id="borrowManage">
         <iframe class="frame" src="${pageContext.request.contextPath }/dealgetarchives?approvalerId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
      <div class="tab-pane fade" id="destroyManage">
         <iframe class="frame" src="${pageContext.request.contextPath }/dealdelarchive?approvalerId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>

      <div class="tab-pane fade" id="myInfo">
         <iframe class="frame" src="${pageContext.request.contextPath }/querymyarchives?accountId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>


      <div class="tab-pane fade" id="Check">
        <iframe src="${pageContext.request.contextPath }/getmygets?accountId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
      <div class="tab-pane fade" id="fileCheck">
        <iframe src="${pageContext.request.contextPath }/queryarchives?accountId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
      <div class="tab-pane fade" id="dataCount">
        <iframe src="b&sManager/datacount.html"></iframe>
      </div>
      <div class="tab-pane fade" id="juese">
        <iframe src="systemManager/role.html"></iframe>
      </div>
<!--       <div class="tab-pane fade" id="quanxian">
        <h2>权限管理</h2>
      </div> -->
      <div class="tab-pane fade" id="userManage">
        <iframe src="${pageContext.request.contextPath }/getAccountList?amAccountBemodifyId=<s:property value="amAccount.getAccountId()"/> "></iframe>
      </div>
      <div class="tab-pane fade" id="userGoup">
        <iframe src="systemManager/group.html"></iframe>
      </div>
      <div class="tab-pane fade" id="diaryManage">
        <iframe src="${pageContext.request.contextPath }/logpage?accountId=<s:property value="amAccount.getAccountId()"/>"></iframe>
      </div>
    </div>
    
    <script src="js/classie.js"></script>
    <script src="js/sidebarEffects.js"></script>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="bootstrap-3.3.4\dist\js\bootstrap.min.js"></script> 
  </body>
</html>